$(document).ready(function(){ 
  $(".timetitle").each(function(index){
    $(this).click(function(){
      $("p[class~=timetitlec]").removeClass("timetitlec");
      $(this).addClass("timetitlec");
      $("div[class~=bigtab]").hide();
      $(".bigtab").eq(index).show();
    })
  })

  $(".timeleft").each(function(index){
    $(this).click(function(){
      console.log(index);
      $("p[class~=timeleftc]").removeClass("timeleftc");
      $(this).addClass("timeleftc");
      $("div[class~=timecirclec]").removeClass("timecirclec");
      $(".timecircle").eq(index).addClass("timecirclec");
      // $("div[class~=allinfo]").hide();
      $("div[class~=allinfo]").eq(index).show().siblings("div[class~=allinfo]").hide();

    })
  })
  $(".timeleft2").each(function(index){
    $(this).click(function(){
      console.log(index);
      $("p[class~=timeleftc2]").removeClass("timeleftc2");
      $(this).addClass("timeleftc2");
      $("div[class~=timecirclec2]").removeClass("timecirclec2");
      $(".timecircle2").eq(index).addClass("timecirclec2");
      // $("div[class~=allinfo]").hide();
      $("div[class~=allinfo2]").eq(index).show().siblings("div[class~=allinfo2]").hide();

    })
  })
  $(".timeleft3").each(function(index){
    $(this).click(function(){
      console.log(index);
      $("p[class~=timeleftc3]").removeClass("timeleftc3");
      $(this).addClass("timeleftc3");
      $("div[class~=timecirclec3]").removeClass("timecirclec3");
      $(".timecircle3").eq(index).addClass("timecirclec3");
      // $("div[class~=allinfo]").hide();
      $("div[class~=allinfo3]").eq(index).show().siblings("div[class~=allinfo3]").hide();

    })
  })

  $(".pinfo").each(function(index){
      $(this).mouseover(function(){
        $(this).css("background-color","#f1f1f1");
        $(".ptime").eq(index).show();
      })
      $(this).mouseout(function(){
        $(this).css("background-color","#fff");
        $(".ptime").eq(index).hide();
      })
   })
})